<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<c:set var="ctx" value="${pageContext.request.contextPath}" />

<!DOCTYPE html>
<html lang="zh-CN" class="no-js">
<head>
    <meta charset="UTF-8">
    <title>反馈列表</title>

    <%@include file="/WEB-INF/jsp/common/component/head.jsp"%>
</head>

<body>
    <%@include file="/WEB-INF/jsp/common/component/navbar.jsp"%>

    <div id="left">
        <%@include file="/WEB-INF/jsp/common/component/userMessage.jsp"%>
        <%@include file="/WEB-INF/jsp/common/component/menu.jsp"%>
    </div><!-- /#left -->

    <div id="wrap">
        <div class="content" >
            <div class="inner">
                <table id="table">
                </table>
            </div>
        </div><!-- /#content -->
        <%@include file="/WEB-INF/jsp/common/component/footer.jsp"%>
    </div><!-- /#wrap -->
    <%@include file="/WEB-INF/jsp/common/component/foot.jsp"%>

    <script>

        $(document).ready(function(){

            $('#table').bootstrapTable({
                columns: [
                    {field: 'id', title: 'id', checkbox: false, visible:false},
                    {field: 'title', title: '标题', titleTooltip: "标题"},
                    {field: 'content', title: '内容',titleTooltip: "内容"}
                ],
                url: '${ctx}/feedback/pageData',    //A URL to request data from remote site.
                method: 'get',           //	The method type to request remote data.
                contentType: 'application/json',  //The contentType of request remote data.
                dataType: 'json',
                sidePagination: 'server',   //设置为服务器分页
                queryParams: function(params){
                    return {
                        page: params.pageNumber,
                        pageSize: params.pageSize,
                        searchText: params.searchText,
                        sortName: params.sortName,
                        sortOrder: params.sortOrder
                    };
                },
                queryParamsType: '',   //Set 'limit' to send query params width RESTFul type.

                responseHandler: function(data) {
                    var res = data.dataObj;
                    console.info("res:" + res);
                    var tmp;
                    for(var i=0; i<res.length; ++i){
                        tmp = res[i];
                        res[i].title = tmp.title;
                        res[i].content = tmp.content;

//                        res[i].action = makeBtn();
                    }
                    return {
                        "rows": res,
                        "total": data.total
                    };
                },
                striped: true,           //表格加上条纹，默认为 false
                pagination: true,       //是否展示页脚，默认为 false
                selectItemName: "btn",  //The name of radio or checkbox input.
//                search: true,           //搜索框，默认为 false
                showRefresh: true,        //刷新按钮
//                showColumns: true,        //可以让用户选择要显示的列
//                showToggle: true,            //切换表格风格：列表/卡片
                idField: 'id',               //指明那一列是主键
                clickToSelect: true,
                valign: "middle",
//                detailView: true,
                cardView: true,              //是否以卡片形式展示，默认为 false
                paginationDetailHAlign: 'right',    //页码字显示的位置,left/right
//        height                      //定义表格的高度，num。默认无定义
        checkboxHeader: false            //设为 false，则没有选中全部的 checkbox 按钮
                //        singleSelect: false             //设置 checkbox 仅能选中一行
//        paginationHAlign: 'left',       //页码水平方向显示的位置.left/right(默认为 right)(不知道干嘛的)
//        paginationVAlign: 'top'      //页码垂直方向显示的位置.top/bottom/both
//        toolbarAlign: 'left'        //Indicate how to align the custom toolbar. 'left', 'right' can be used.
//        buttonsAlign: 'left'            //设置 toolbar 按钮的位置（即搜索框那里的）
//        searchAlign: 'left'           //设置搜索框的位置,left/right
//        detailView: true,            //在表格形式中，左边会有加号，点击可以查看详情
//        detailFormatter             //格式化详细页面模式的视图。参数为 function(index, row) { }
//        showPaginationSwitch: true  //切换展示页码的按钮
//        searchText: '请输入书籍名'    //要搜索的关键字，参数为 search
            });
        });
    </script>
</body>

</html>